<!DOCTYPE html>
<html lang='en'>

<head>
  <meta charset='UTF-8'>
  <meta http-equiv='X-UA-Compatible' content='IE=edge'>
  <meta name='viewport'
    content='width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0, minimum-scale=1.0'>
  <!--引入我们的移动端css初始化文件-->
  <link rel="stylesheet" href="css/normalize.css">
  <!-- 引入我们首页的css -->
  <link rel="stylesheet" href="css/index.css">
  <title>Document</title>
</head>

<body>
  <!--顶部-->
  <header class="app">
    <ul>
      <li>
        <img src="images/close.png" alt="">
      </li><!-- 8 -->
      <li>
        <img src="images/logo.png" alt="">
      </li><!-- 10 -->
      <li>打开京东APP, 购物更轻松</li><!-- 57 -->
      <li>立即打开</li><!-- 25 -->
    </ul>

  </header>
  <!--搜索-->
  <div class="search-wrap">
    <div class="search-btn"></div>
    <div class="search">
      <div class="jd-icon"></div>
      <div class="sou"></div>
    </div>
    <div class="search-login">登录</div>
  </div>
  <!--主体内容部分-->
  <div class="main-content">
    <!--滑动图-->
    <div class="slider">
      <img src="upload/banner.jpg" alt="">
    </div>

    <!--蔡永康品牌日-->
    <div class="brand">
      <div>
        <a href="#">
          <img src="upload/pic11.jpg" alt="">
        </a>
      </div>
      <div>
        <a href="#">
          <img src="upload/pic22.jpg" alt="">
        </a>
      </div>
      <div>
        <a href="#">
          <img src="upload/pic33.jpg" alt="">
        </a>
      </div>
    </div>

    <!--nav部分-->
    <nav>
      <a href="#">
        <img src="upload/nav1.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav2.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav3.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav1.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav2.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav3.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav1.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav2.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav3.webp" alt="">
        <span>京东超市</span>
      </a>
      <a href="#">
        <img src="upload/nav1.webp" alt="">
        <span>京东超市</span>
      </a>
    </nav>

    <!--新闻模块-->
    <div class="news">
      <a href="#">
        <img src="upload/new1.jpg" alt="">
      </a>
      <a href="#">
        <img src="upload/new2.jpg" alt="">
      </a>
      <a href="#">
        <img src="upload/new3.jpg" alt="">
      </a>
    </div>

    <!--商品goods-->
    <div class="goods">
      <ul>
        <li>
          <div class="goods_title">爱/生/活</div>
          <span>
            <div class="item1">
              <h4>玩3C</h4>
              <p>荣耀畅玩8C新品抢购</p>
              <img src="upload/pic11.jpg" alt="">
              <img src="upload/pic22.jpg" alt="">
            </div>
            <div class="item2">
              <h4>京东家电</h4>
              <p>家电狂欢精彩有你</p>
              <img src="upload/pic11.jpg" alt="">
              <img src="upload/new2.jpg" alt="">
            </div>
          </span>
        </li>
        <li>
          <div class="goods_title">逛/商/场</div>
          <span>
            <div class="item1">
              <h4>玩3C</h4>
              <p>荣耀畅玩8C新品抢购</p>
              <img src="upload/pic11.jpg" alt="">
              <img src="upload/pic22.jpg" alt="">
            </div>
            <div class="item2">
              <h4>京东家电</h4>
              <p>家电狂欢精彩有你</p>
              <img src="upload/pic11.jpg" alt="">
              <img src="upload/new2.jpg" alt="">
            </div>
          </span>
        </li>
      </ul>
    </div>




  </div>
</body>

</html>